<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Register</title>
    <link rel="stylesheet" href="/Builder/css/core.css" type="text/css" />
    <link rel="stylesheet" href="/builder/css/uni-form.css" type="text/css" />

    <!--[if lte ie 6]>
      <style type="text/css" media="screen">
        .uniForm,
        .uniForm fieldset,
        .uniForm .ctrlHolder,
        .uniForm .formHint{ /* Trigger hasLayout, move to your IE specific stylesheet if possible */
          zoom:1;
        }
      </style>
    <![endif]-->

    <script src="/Builder/js/jquery.js" type="text/javascript"></script>
    <script src="/Builder/js/uni-form.jquery.js" type="text/javascript"></script>
    <script src="/Builder/js/registration.js" type="text/javascript"></script>
</head>
<body>
    <form action="/" method="post" enctype="multipart/form-data" id="something" class="uniForm inlineLabels">
    <div id="errorMsg">
    <h3>Ooops! An error took place</h3>
      <ol>
            <!-- create li tag with ahref to #error1 title=blah -->
            <li>create li tag with ahref to #error1 title=blah</li>
      </ol>
    </div>
    <fieldset>
        <legend>Register for a new account</legend>
        <div class="ctrlHolder">
            <label for="name"><em>*</em>Name</label> 
            <input id="name" value="" type="text" size="35" maxlength="250" class="textInput" />
            <p class="formHint">Please enter your full name: John Smith</p>
        </div>
        <div class="ctrlHolder">
            <label for="street"><em>*</em>Street Address</label>
            <input id="street" value="" type="text" size="35" maxlength="250" class="textInput" />
            <p class="formHint">This is the first part of your homes address: 1756 Driveway Lane</p>
        </div>
        <div class="ctrlHolder">
            <label for="address1">Address Ctnd:</label> 
            <input id="address1" value="" type="text" size="35" maxlength="250" class="textInput" />
            <p class="formHint">This is the second part of your homes address: Apartment Number 12</p>
        </div>
        <div class="ctrlHolder">
            <label for="zipcode"><em>*</em>Zipcode</label> 
            <input id="zipcode" value="" type="text" size="35" maxlength="5" class="textInput" />
            <p class="formHint"><b>It is very important that you enter a correct 5 digit only Zip Code.</b> Once done, move to the next field and the City, State and County will be populated for you. Validate that the information is correct. This is ultimately what will drive the maps featuring your home.</p>
        </div>
        <div id="hidels">
            <div class="ctrlHolder">
                <label for="town-city"><em>*</em>Town/City</label> 
                <input id="town-city" value="" type="text" size="35" maxlength="120" class="textInput" />
                <p class="formHint">Please ensure a valid City name is entered.</p>
            </div>
            <div class="ctrlHolder">
                <label for="state"><em>*</em>State</label> 
                <select name="state"  id="state">
                </select>
                <p class="formHint">Please select a state.</p>
            </div>
            <div class="ctrlHolder">
                <label for="county"><em>*</em>County</label> 
                <input id="county" value="" type="text" size="35" maxlength="120" class="textInput" />
                <p class="formHint">This will ensure better visibility of your home for buyers that want to lookup properties by county</p>
            </div>
        </div>
        <div class="ctrlHolder">
            <label for="neighborhood"><em>*</em>Community/Complex Name</label> 
            <input id="community" value="" type="text" size="35" maxlength="120" class="textInput" />
            <p class="formHint">This is the name of your community or apartment name.</p>
        </div>
        <div class="ctrlHolder">
            <label for="neighborhood">Subdivision</label> 
            <input id="neighborhood" value="" type="text" size="35" maxlength="120" class="textInput" />
            <p class="formHint">This is the name of your subdivision.s</p>
        </div>
        </fieldset>
        <div class="buttonHolder">
            <button type="submit" class="submitButton">Register</button>&nbsp;&nbsp;<button type="reset" class="submitButton">Cancel</button>
        </div>	
     </form>
</body>
</html>
